<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学习radio使用</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link href="./css/radio_test.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="all">

<form action="http://localhost/interface/" method="post">
    <div class="title">1.姓名</div>
    <div class="only_input"><input name="cname"></div>

    <div class="title">2.电话</div>
    <div class="only_input"><input name="number"></div>

    <div class="title">3.单选题</div>

    <div class="title">4.下列哪些方式不属于公司处罚措施？</div>
    <div class="form_body">
        <label class="radio_line">
            <div class="placehold">口头警告</div>
            <div class="radiodiv">
                <input type="radio" class="only_radio" name="grade" value="口头警告">
                <div class="fit"><img src="img/fit.png"></div>
            </div>
        </label>
        <label class="radio_line">
            <div class="placehold">书面警告</div>
            <div class="radiodiv">
                <input type="radio" class="only_radio" name="grade" value="书面警告">
                <div class="fit"><img src="img/fit.png"></div>
            </div>
        </label>
        <label class="radio_line">
            <div class="placehold">停薪留职</div>
            <div class="radiodiv">
                <input type="radio" class="only_radio" name="grade" value="停薪留职">
                <div class="fit"><img src="img/fit.png"></div>
            </div>
        </label>
        <label class="radio_line">
            <div class="placehold">解除劳动关系</div>
            <div class="radiodiv">
                <input type="radio" class="only_radio" name="grade" value="解除劳动关系" checked>
                <div class="fit"><img src="img/fit.png"></div>
            </div>
        </label>
    </div>

    <div class="title">5.单胎顺产者可享受产假（）天？</div>
    <div class="form_body">
        <label class="radio_line">
            <input type="radio" class="only_radio" name="area" value="98 30">
            <div class="placehold">98 30</div>
        </label>
        <label class="radio_line">
            <input type="radio" class="only_radio" name="area" value="120 60">
            <div class="placehold">120 60</div>
        </label>
        <label class="radio_line">
            <input type="radio" class="only_radio" name="area" value="120 30">
            <div class="placehold">120 30</div>
        </label>
        <label class="radio_line">
            <input type="radio" class="only_radio" name="area" value="98 0">
            <div class="placehold">98 0</div>
        </label>
    </div>

    <div class="title">6.多选题</div>

    <div class="title">7.昂立的招聘原则</div>
    <div class="form_body">
        <label class="radio_line">
            <div class="radiodiv">
                <input type="checkbox" class="only_radio" name="checkbox[0]" value="先内后外">
                <!--<div class="fit"><img src="img/fit2.png"></div>-->
                <!--<div class="fit iconfont">&#xe631</div>-->
                <div class="fit iconfont">&#xe625</div>
            </div>
            <div class="placehold">先内后外</div>
        </label>
        <label class="radio_line">
            <div class="radiodiv">
                <input type="checkbox" class="only_radio" name="checkbox[1]" value="辞则不用">
                <div class="fit"><img src="img/fit2.png"></div>
            </div>
            <div class="placehold">辞则不用</div>
        </label>
        <label class="radio_line">
            <div class="radiodiv">
                <input type="checkbox" class="only_radio" name="checkbox[2]" value="岗位协调">
                <div class="fit"><img src="img/fit2.png"></div>
            </div>
            <div class="placehold">岗位协调</div>
        </label>
        <label class="radio_line">
            <div class="radiodiv">
                <input type="checkbox" class="only_radio" name="checkbox[3]" value="择优挑选">
                <div class="fit"><img src="img/fit2.png"></div>
            </div>
            <div class="placehold">择优挑选</div>
        </label>
    </div>

    <div class="only_button">
        <div class="null"></div>
        <button type="submit">提 交</button>
        <div class="null"></div>
    </div>
</form>
</div>
</body>
</html>